<template>
  <div>
    <input type="text" v-model="num"><br>
    <input v-model="user.name" /><br />
    <input v-model="user.age" />
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      num:1,
      user: {
        name: '张三',
        age: 20
      }
    }
  },
  // 侦听器函数，要写到 watch 里面。这是固定的
  watch: {
    num:{
     handler(val){
      console.log(val);
     }
    },
    user: {
      handler(val) {
        console.log(val)
      },
      // deep: true // 表示深度侦听，当对象的任意属性改变后，都会触发该侦听器
    },
    'user.name'(newval){
      console.log(newval);
    }
  }
}
</script>